《检测两美女之间的冲突》的制作方法
【实例说明】:
本例制作一个检测两美女之间的冲突的效果。
【操作步骤】:
〖一〗、新建文档
- 单击“文件”/“新建”命令,创建一个新文档;
- 单击“修改”/“文档”命令;在“文档属性”对话框中设置“尺寸”为600×500,背景色为黑色;单击“确定”按钮。
- 双击“图层1”,将其命名为“背景层”;
〖二〗制作影片剪辑元件:
- 执行“文件/导入/导入到库”命令;打开导入到库对话框,从中选择两幅小图片到库中;按Ctrl+L命令打开库面板,从中将两幅小图片都拖放到舞台上(不要重叠在一起);选中第1幅小图片,打开属性面板,将其宽、高分别设置为150、150;再选中第2幅小图片,打开属性面板,将其宽、高分别设置为150、150;
- 先选中第1幅小图片,按F8键打开“转换为元件”对话框;名称“图片1”,单击“影片剪辑”单选项,最后单击“确定”按钮。
- 再选中第2幅小图片,按F8键打开“转换为元件”对话框;名称“图片2”,单击“影片剪辑”单选项,最后单击“确定”按钮
- 选中“图片1”影片剪辑元件,打开属性面板;实例名称中输入“car”;
- 选中“图片2”影片剪辑元件,打开属性面板;实例名称中输入“area”
〖三〗制作动态文本框:
- 选择工具栏中的文本工具;打开属性面板;文本类型选择“动态文本”;单击一下“在文本周围显示边框”按钮;在舞台上绘制一个能够容下3个字符左右的文本框;
- 在属性面板中的实例名称中输入“status”;
〖四〗添加语言代码:
- 新建一个“语言层”;
- 确认选中“语言层”的第1帧;打开动作面板,为其输入以下代码:
area.onEnterFrame = function() {
//判断area影片剪辑是否与car影片剪辑有冲突,并据此更新文本内容
status.text = this.hitTest(car);
};
car.onPress = function() {
//按下鼠标按钮时可以拖动car影片剪辑
this.startDrag(false);
//指定可拖动影片剪辑是锁定到鼠标位置中央(true),还是锁定到用户首次单击该影片剪辑的位置上(false)
updateAfterEvent();
//更新显示
};
car.onRelease = function() {
//释放鼠标按钮后,停止拖动car影片剪辑
this.stopDrag();
};
最终效果如下:
〖五〗、最后按“Ctrl+Enter”组合键测试影片
|